<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>3-2-3</title>
		<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
		<script src="../../scripts/assist.js" type="text/javascript"></script>
		<link rel="stylesheet" type="text/css" href="../../styles/selectstyle.css" />
		<script type="text/javascript">
			//<![CDATA[
			$(function() {
				//1、创建元素节点
				//创建<li>元素1
				//创建<li>元素2
				//获取<ol>节点元素
				//将新元素1插入文档内
				//将新元素2插入文档内

				$li1 = $("<li></li>")
				$li2 = $("<li></li>")
				$ol = $("ol")
				$ol.append($li1, $li2)
				//2、创建文本节点
				//创建<li>元素1
				//创建<li>元素2
				//获取<ol>节点元素
				//将新元素1插入文档内
				//将新元素2插入文档内
				$li3 = $("<li>123</li>")
				$li4 = $("<li>456</li>")
				$ol = $("ol")
				$ol.append($li3, $li4)
				//3、创建属性节点
				//创建<li>元素1
				//创建<li>元素2
				//获取<ol>节点元素
				//将新元素1插入文档内
				//将新元素2插入文档内

				//var $li_3 = $("<li title='雪梨'>雪梨</li>");
				//// 3获取<ul>节点。<li>的父节点
				//// 添加到<ul>节点中，使之能在网页中显示
				//// 等价于：$parent.append($li_1).append($li_2);
				//var $parent = $("ul");
				//$parent.append($li_1);
				//$parent.append($li_2);
			});
			//]]>
		</script>
	</head>
	<body>
		<h3 title="你最喜欢哪个游戏">你最喜欢哪个游戏？</h3>
		<ol>
			<li title='魔兽世界'>魔兽世界</li>
			<li title='炉石传说'>炉石传说</li>
			<li title='英雄联盟'>英雄联盟</li>
		</ol>
	</body>
</html>
